<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>吉珠商城</title>
		<%@include file="/common/header.jsp" %>
		<link rel="stylesheet" href="${basePath }css/Menu.css" />
		<script type="text/javascript" src="${basePath }js/Menu.js"></script>
	</head>
	<body>
		<%@include file="/common/top.jsp" %>
		
		<div class="lunhuantu">
			<div id="myCarousel" class="carousel">
			  <!-- Carousel items -->
			  <div class="carousel-inner">
			  	<div class="Menu">
			  		<div class="Menu_TitlePlan"><p class="Menu_Title">≡ 商品分类</p>
			  			
			  			<ul id="menu">
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="${basePath }good/good_toClothesUI.action?pcategory.id=clothes01&category.id=26014f85-a92e-4e40-b954-ccd44d03bb43">衣服 / 休闲装</a></dt>
							    <dd><a href="${basePath }good_toClothesUI.action?pcategory.id=clothes01&category.id=26014f85-a92e-4e40-b954-ccd44d03bb43" >衬衫</a></dd>
							    <dd><a href="${basePath }good_toClothesUI.action?pcategory.id=clothes01&category.id=26014f85-a92e-4e40-b954-ccd44d03bb43" >T桖</a></dd>
							    <dd><a href="${basePath }good_toClothesUI.action?pcategory.id=clothes01&category.id=26014f85-a92e-4e40-b954-ccd44d03bb43" >运动服</a></dd>
							    <dd><a href="${basePath }good_toClothesUI.action?pcategory.id=clothes01&category.id=26014f85-a92e-4e40-b954-ccd44d03bb43" >职业装</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="${basePath }good/good_toDigitalUI.action?pcategory.id=digital01&category.id=37c3a271-f73f-4350-b636-58b265f81f0b">数码 / 电子产品</a></dt>
							    <dd><a href="${basePath }good_toDigitalUI.action?pcategory.id=digital01&category.id=37c3a271-f73f-4350-b636-58b265f81f0b" >手机</a></dd>
							    <dd><a href="${basePath }good_toDigitalUI.action?pcategory.id=digital01&category.id=37c3a271-f73f-4350-b636-58b265f81f0b" >相机</a></dd>
							    <dd><a href="${basePath }good_toDigitalUI.action?pcategory.id=digital01&category.id=37c3a271-f73f-4350-b636-58b265f81f0b" >笔记本</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="${basePath }good/good_toShoesUI.action?pcategory.id=shoes01&category.id=43492228843849bbb7ae768cc5d95f33">鞋子 / 男鞋 / 女鞋</a></dt>
							    <dd><a href="${basePath }good_toShoesUI.action?pcategory.id=shoes01&category.id=43492228843849bbb7ae768cc5d95f33" >拖鞋</a></dd>
							    <dd><a href="${basePath }good_toShoesUI.action?pcategory.id=shoes01&category.id=43492228843849bbb7ae768cc5d95f33">皮鞋</a></dd>
							    <dd><a href="${basePath }good_toShoesUI.action?pcategory.id=shoes01&category.id=43492228843849bbb7ae768cc5d95f33" >运动鞋</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="javascript:alert('暂时没货,需要自己添加')">化妆品 / 个人护理</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<!--[if lte IE 6]><a href="/"><table><tr><td><![endif]-->
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="javascript:alert('暂时没货,需要自己添加')">手机 / 数码 / 电脑办公</a></dt>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">腕表 / 珠宝饰品</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">母婴玩具</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">生鲜水果</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">大家电 / 生活电器</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">汽车 / 配件 / 用品</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">医药保健</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">厨具 / 收纳柜 / 宠物</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">图书音像</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							<li>
							<dl>
							    <dt><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><a href="#">零食 / 进口食品 / 茶酒</a></dt>
							    <dd><a href="#" title="down menu">联系我们</a></dd>
							    <dd><a href="#" title="A menu">关于我们</a></dd>
							    <dd><a href="#" title="Target Practise">广告业务</a><b class="p8"></b><b class="p7"></b><b class="p6"></b><b class="p5"></b></dd>
							</dl>
							</li>
							
							</ul>


			  		
			  		</div>
			  	</div>
			  	
			  	<c:choose>
			  		<c:when test="${empty USER_INFO }">
			  			<div class="Login_Plan">
					  		<div class="TouXiang"><img /></div>
					  		<br/>
					  		<p class="UserName">Hi~您好！</p>
					  		<button class="Login_Button" onclick="toPage('user_toLoginUI.action')">请登录</button>
					  		<hr/>
					  		<p class="UserName">推荐活动</p>
					  	</div>
			  		</c:when>
			  		<c:otherwise>
			  			<div class="Login_Plan">
					  		<div class="TouXiang"><img src="${basePath }img/headImg.jpg"/></div><br/>
					  		<p class="UserName">Hi~您好！</p>
					  		<hr/>
					  		<p class="UserName">推荐活动</p>
					  		<p class="UserName"><a href="${basePath }user_toRotateDiscUI.action" style="color:white;">幸运大转盘</a></p>
					  		<p class="UserName"><a href="${basePath }user_toSignUI.action" style="color:#e6e6e6;;">签到</a></p>
					  	</div>
			  		</c:otherwise>
			  	</c:choose>
			  	
			    <div class="active item">
			    	<img src="${basePath }img/hf01.jpg" style="width: 100%;height:445px"></img>
			    </div>
			    <div class="item">
			    	<img src="${basePath }img/hf02.jpg" style="width: 100%;height:445px"></img>
			    </div>
			    <div class="item">
			    	<img src="${basePath }img/hf03.jpg" style="width: 100%;height:445px"></img>
			    </div>
			    <div class="item">
			    	<img src="${basePath }img/hf04.jpg" style="width: 100%;height:445px"></img>
			    </div>
			  </div>
			  <!-- Carousel nav
			  <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			  <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
			   -->
			</div>
		</div>
		
		<div class="constanier">
			<div class="guessyoulove">
				<div class="_title">
					<p>&nbsp;&nbsp;猜你喜欢</p>
				</div>
				<c:forEach items="${items }" var="g">
					<div class="_good"><img src="${basePath }img/goods/${g.img}" onclick="toDetail('Digital','digital01','','${g.id}')"/></div>
				</c:forEach>
				<!-- 
				<div class="_good"><img src="${basePath }img/goods/fe344aea9c564a9a88929468870cc541.png" onclick="toDetail('Digital','digital01','','2d801341ac4443e393725e60d9b6faa1')"/></div>
				<div class="_good"><img src="${basePath }img/goods/7cb2556e087a484391962dc71a0980ba.png" onclick="toDetail('Digital','digital01','838753e0-70c3-4818-97e8-8942b9b9e03e','4650e2fb66fe4f2fb2827b2a2cd902af')"/></div>
				<div class="_good"><img src="${basePath }img/goods/95b4b01f82b345cf837a6d178fb6cabf.png" onclick="toDetail('Digital','digital01','838753e0-70c3-4818-97e8-8942b9b9e03e','b3e6587476b44f408c883fbb4205bebb')"/></div>
				<div class="_good"><img src="${basePath }img/goods/03c29653ab9f42e3a07e0fba9c2792ed.png" onclick="toDetail('Digital','digital01','838753e0-70c3-4818-97e8-8942b9b9e03e','c70c9aee736d4e5d946c84baef80965b')"/></div>
				 -->
			</div>
			
			
			<div class="AD_PLan_01">
				<div class="AD_Plan_01_Title_Plan"><p class="AD_PLan_01_Title">精品推荐</p></div>
				
				<div class="AD_PLan_01_IMG_Plan">
					<div class="_good" style="width:200px;height:190px;margin-left:50px;"><img src="${basePath }img/goods/aaeae6a5f53e411e8aa3f4d31428dcff.png" onclick="toDetail('Clothes','clothes01','536d7459-8162-47de-89a0-65838f71aa17','898bf68d-0dd2-43c1-8364-50a90266103f')"/></div>
					<div class="_good"  style="width:200px;height:190px;margin-left:50px;"><img src="${basePath }img/goods/d855d5fb0a664707b6bb48a7069012da.png" onclick="toDetail('Clothes','clothes01','26014f85-a92e-4e40-b954-ccd44d03bb43','a96c2000921047049c55e9b54dff99bc')"/></div>
				</div>
			</div>
			
			<div class="AD_PLan_02"><img src="${basePath }img/111.png" class="AD_Plan_02_IMG"></img></div>
			
			<div class="hotsale">
				<div class="_title">
					<p>&nbsp;&nbsp;热销</p>
				</div>
				<div class="_good"><img src="${basePath }img/goods/fcef87375d08460d983585618d611cb4.png" onclick="toDetail('Clothes','clothes01','26014f85-a92e-4e40-b954-ccd44d03bb43','0cd3c3e6a0454bd797aff5113284b5ce')"/></div>
				<div class="_good"><img src="${basePath }img/goods/426667507357465682d82438f41713f9.png" onclick="toDetail('Clothes','clothes01','26014f85-a92e-4e40-b954-ccd44d03bb43','384ffc8f833b4341b02b883bda8168d0')"/></div>
				<div class="_good"><img src="${basePath }img/goods/aaeae6a5f53e411e8aa3f4d31428dcff.png" onclick="toDetail('Clothes','clothes01','536d7459-8162-47de-89a0-65838f71aa17','898bf68d-0dd2-43c1-8364-50a90266103f')"/></div>
				<div class="_good"><img src="${basePath }img/goods/d855d5fb0a664707b6bb48a7069012da.png" onclick="toDetail('Clothes','clothes01','26014f85-a92e-4e40-b954-ccd44d03bb43','a96c2000921047049c55e9b54dff99bc')"/></div>
			</div>
			
			<div class="AD_PLan_03_IMG_Plan"><img class="AD_Plan_03_IMG" src="${basePath }img/AD03.png" /></div>
			
		</div>
		<%@include file="/common/footer.jsp" %>
		
		<script type="text/javascript" src="${basePath }js/bootstrap-carousel.js" ></script>
		<script>
			$('.carousel').carousel({
			  interval: 3000
			})
			$('.carousel').carousel('cycle');

			function toDetail(ui,pid,cid,gid){
				window.location = "${basePath }good_to"+ui+".action?pcategory.id="+pid+"&category.id="+cid+"&good.id="+gid;
			}
			
			function toPage(page){
				window.location = "${basePath}"+page;
			}
		</script>
	</body>
</html>
